<template>
<div id="out23">
    <div id="top2">
    	        <a href="#/GeRenzx3">
			<img id="imgTop1" src="../assets/img/duanhuowang/zuojiantou.png" alt=""/>
			</a>
			<span>个人信息</span>
	</div>
	<div class="back"></div>
	<a href="#/TouXiang">
	<div class="bottom6">
		头像
		<div>
			<span>头像图片</span>
			<img src="../assets/img/fenlei/more.png" alt=""/>
		</div>
	</div>
	</a>
	<a href="#/MyName">
	<div class="bottom6">
		昵称
		<div>
			夏至未至
			<img src="../assets/img/fenlei/more.png" alt=""/>
		</div>
	</div>
	</a>
	<a href="#/MyErWei">
	<div class="bottom6">
		我的二维码
		<div>
			<img class="erwei" src="../assets/img/gerenzhongxin/1gerenzhongxin/erwei.png" alt=""/>
			<img src="../assets/img/fenlei/more.png"/>
		</div>
	</div>
	</a>
	<a href="#/MyYaoqingma">
	<div class="bottom6">
		我的邀请码
		<div>
			<img src="../assets/img/fenlei/more.png" alt=""/>
		</div>
	</div>
	</a>
	<a href="#/MyPhone">
	<div class="bottom6">
		手机号
		<div>
			未绑定
			<img src="../assets/img/fenlei/more.png" alt=""/>
		</div>
	</div>
	</a>
</div>
</template>

<script>
	export default {
		name: '',
		methods: {
			round2: function() {
				
			},
		},
		mounted: function() {
			//只有在mounted之后，才可以执行dom操作，也就是说可以在这个方法里面执行那些需要加载立即执行的方法
			this.round2();
		},
	}
</script>

<style>
	#out23 a{
		color: #000000;
		text-decoration: none;
	}
	#out23{
		background: #f2f2f2;
		height: 100vh;
		overflow: scroll;
	}
	#out23>.back{
		height: 9.6rem;
	}
	#out23>#top2 {
		width: 100vw;
		height: 9.6rem;
		background: #e53e42;
		color: white;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: space-around;
		position: fixed;
		z-index: 10;
		padding-left: 3rem;
		box-sizing: border-box;
	}
	#out23 #imgTop1 {
		width: 2.3rem;
		height: 3.8rem;
	}
	
	#out23 #top2>span {
		width: 60rem;
		height: 3.6rem;
		font-family: MicrosoftYaHei;
		font-size: 3.6rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 3.6rem;
		letter-spacing: 0px;
		text-align: right;
		box-sizing: border-box;
		text-align: center;
		padding-right: 10rem;
	}
	#out23 #imgTop2 {
		width: 3.6rem;
		height: 3.5rem;
	}
	#out23 .bottom6{
		height: 14rem;
		line-height: 14rem;
		padding: 0 2rem;
		font-size: 2.8rem;
		color: #4d4d4d;
		background: #FFFFFF;
	}
	#out23 .bottom6>div{
		float: right;
		display: flex;
		align-items: center;
		justify-content: space-around;
		height: 14rem;
	}
	#out23 .bottom6>div>span{
		width: 10rem;
		height: 10rem;
		border: 0.1rem solid #CCCCCC;
		border-radius: 50%;
		box-sizing: border-box;
		text-align: center;
		padding: 1rem;
		padding-top: 1.25rem;
		line-height: 3.5rem;
	}
	#out23 .bottom6>div>img:last-child{
		width: 1rem;
		height: 1.8rem;
		margin-left: 1rem;
	}
	#out23 .bottom6>div>.erwei{
		width: 3.8rem;
		height: 3.8rem;
	}
</style>